.main{
  margin-top: -80px;
  padding: 80px 0 120px;
  box-sizing: border-box;
}
.page-container{
  width: 1140px;
  padding: 0 30px;
  margin: 36px auto;
}
.page-component {
  padding-bottom: 95px;
  box-sizing: border-box
}

.page-component .content {
  margin-left: -1px
}

.page-component .content > h3 {
  margin: 45px 0 15px
}

.page-component .content > table {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  color: #5e6d82;
  font-size: 14px;
  margin-bottom: 45px
}

.page-component .content > table strong {
  font-weight: 400
}

.page-component .content > table th {
  text-align: left;
  border-top: 1px solid #eaeefb;
  background-color: #eff2f7;
  white-space: nowrap
}

.page-component .content > table td, .page-component .content > table th {
  border-bottom: 1px solid #eaeefb;
  padding: 10px;
  max-width: 250px
}

.page-component .content > table td:first-child, .page-component .content > table th:first-child {
  padding-left: 10px
}

.page-component .page-component-up {
  background-color: #58b7ff;
  position: fixed;
  right: 100px;
  bottom: 150px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  cursor: pointer;
  opacity: .4;
  transition: .3s
}

.page-component .page-component-up i {
  color: #fff;
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 22px
}

.page-component .page-component-up.hover {
  opacity: 1
}

.page-component .back-top-fade-enter, .page-component .back-top-fade-leave-active {
  transform: translateY(-30px);
  opacity: 0
}

.page-component {
  padding-bottom: 95px;
  box-sizing: border-box
}

.page-component .content {
  margin-left: -1px
}

.page-component .content > h3 {
  margin: 45px 0 15px
}

.page-component .content > table {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  color: #5e6d82;
  font-size: 14px;
  margin-bottom: 45px
}

.page-component .content > table strong {
  font-weight: 400
}

.page-component .content > table th {
  text-align: left;
  border-top: 1px solid #eaeefb;
  background-color: #eff2f7;
  white-space: nowrap
}

.page-component .content > table td, .page-component .content > table th {
  border-bottom: 1px solid #eaeefb;
  padding: 10px;
  max-width: 250px
}

.page-component .content > table td:first-child, .page-component .content > table th:first-child {
  padding-left: 10px
}

.page-component .page-component-up {
  background-color: #58b7ff;
  position: fixed;
  right: 100px;
  bottom: 150px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  cursor: pointer;
  opacity: .4;
  transition: .3s
}

.page-component .page-component-up i {
  color: #fff;
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 22px
}

.page-component .page-component-up.hover {
  opacity: 1
}

.page-component .back-top-fade-enter, .page-component .back-top-fade-leave-active {
  transform: translateY(-30px);
  opacity: 0
}
.redux-nav{
  margin-left: 40px;
}

.redux-nav li{
  float:left;
  background-color: #1CB94A;
  color: white;
}

.redux-nav li a{
  color: white;
}

.redux-nav-item{
  margin-top: 40px;
  padding-left: 40px;
  padding-bottom: 40px;
}

.redux-nav-item h3{
 text-align: center;
 margin: 12px 0px;
}

.redux-btn-add{
  background-color: #1CB94A;
  color: white;
  text-align: center;
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
}

.redux-btn-del{
  background-color: #cd2a19;
  color: white;
  display: block;
  width: 60px;
  line-height: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.spa-title{
  margin-top: 40px;
  text-align: center;
}
.header h1 {
  margin: 0px auto;
}
